<template>
    <div class="book-box">
        <div class="title">{{type}}</div>
        <div class="content">
            <ul>
                <li></li>
            </ul>
        </div>
        <div><router-link to="./apparel">11</router-link></div>
    </div>   
     
</template>

<script>
export default {
    name:"m",
    props:{
        type:String
    },
    data(){
        return {
          books:[]
        }
    }    
}
</script>

<style scoped>

.book-box{
    width: 100%;
    height: 2rem;
}

.title{
    text-align: center;
    line-height: 0.4rem;
    width: 1rem;
    height: 0.4rem;
    background-color: hotpink
}

.content{
    width: 100%;
    height: 1.6rem;
    background-color: pink;
}

</style>
